<template>
    <div>
        <div class="content">
            <input type="text" :placeholder="propValue.text" :style="{'width':element.style.width+'rem','height':element.style.height+'rem',
            'border-radius': propValue.radius+'rem','border-width': propValue.borderSize+'rem', 'border-style': propValue.borderType,
            'border-color': propValue.themeBtn_gradient_color, 'background': propValue.input_background, 'color': propValue.input_color}">
        </div>
    </div>
</template>

<script>
import { height } from 'dom7';

export default {
    props: {
        propValue: {
            type: Object,
            default: '',
        },
        element: {
            type: Object,
            default: () => {},
        },
    },
}
</script>

<style lang="scss" scoped>
    .content{
        input {
            padding-left: 10rem;
        }
    }
</style>
